@extends('layouts.forum')

@section('title', '论坛')

@section('contaier')
    <div class="box text-center site-intro rm-link-color font">
        这只是一个显示公共的地方
    </div>
    <div class="col-lg-9 pull-left font p-l-0" style="min-width: 840px">
        <div class="panel panel-default">
            <div class="slider-wrap">
                <div class="panel-body padding-0">
                    <div id="mainSlider" class="nivoSlider slider-image">
                        <a href="#"><img src="{{cdn('/assets/img/bg1.jpg')}}" alt="main slider" title="#htmlcaption1"/></a>
                        <a href="#"><img src="{{cdn('/assets/img/bg2.jpg')}}" alt="main slider" title="#htmlcaption2"/></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-inverse">
            <div class="panel-heading" role="tab" id="headingOne3">
                <div class="panel-title w100">
                    社区热帖
                    <div class="col-md-8 pull-right">
                        <div class="m-r-10 pull-left">今日发帖：<i class="fa font panel-i-text">56603</i></div>
                        <div class="m-r-10 pull-left">历史最高：<i class="fa font panel-i-text">515519</i></div>
                        <div class="m-r-10 pull-left">会员：<i class="fa font panel-i-text">33565364</i></div>
                    </div>
                </div>
            </div>
            <div id="collapseOne1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne3">
                <div class="panel-body p-5 p-b-30">
                    <div class="col-lg-6 pull-left h-75 p-0 p-t-10">
                        <div class="col-lg-2 pull-left p-0 h-65">
                            <img src="{{cdn('/file/d1087a6121e46205df3c86614b08c37f')}}" class="h-65 w-65 avatar">
                        </div>
                        <div class="col-lg-10 pull-right p-t-5">
                            <div class="w100 h-30"><a class="thread-title">为了感谢魅族给我那么京东卡，这个月两口子一起换新机</a></div>
                            <div class="w100 h-30" style="color: #999">
                                <i class="fa fa-user col-lg-4 p-0 p-t-5"><span class="font">Ysll</span></i>
                                <i class="fa fa-eye col-lg-4 p-0 p-t-5"><span class="font">12222</span></i>
                                <i class="fa fa-comment col-lg-4 p-0 p-t-5"><span class="font">122</span></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 pull-left h-75 p-0 p-t-10">
                        <div class="col-lg-2 pull-left p-0 h-65">
                            <img src="{{cdn('/file/d1087a6121e46205df3c86614b08c37f')}}" class="h-65 w-65 avatar">
                        </div>
                        <div class="col-lg-10 pull-right p-t-5">
                            <div class="w100 h-30"><a class="thread-title">为了感谢魅族给我那么京东卡，这个月两口子一起换新机</a></div>
                            <div class="w100 h-30" style="color: #999">
                                <i class="fa fa-user col-lg-4 p-0 p-t-5"><span class="font">Ysll</span></i>
                                <i class="fa fa-eye col-lg-4 p-0 p-t-5"><span class="font">12222</span></i>
                                <i class="fa fa-comment col-lg-4 p-0 p-t-5"><span class="font">122</span></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 pull-left h-75 p-0 p-t-10">
                        <div class="col-lg-2 pull-left p-0 h-65">
                            <img src="{{cdn('/file/d1087a6121e46205df3c86614b08c37f')}}" class="h-65 w-65 avatar">
                        </div>
                        <div class="col-lg-10 pull-right p-t-5">
                            <div class="w100 h-30"><a class="thread-title">为了感谢魅族给我那么京东卡，这个月两口子一起换新机</a></div>
                            <div class="w100 h-30" style="color: #999">
                                <i class="fa fa-user col-lg-4 p-0 p-t-5"><span class="font">Ysll</span></i>
                                <i class="fa fa-eye col-lg-4 p-0 p-t-5"><span class="font">12222</span></i>
                                <i class="fa fa-comment col-lg-4 p-0 p-t-5"><span class="font">122</span></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 pull-left h-75 p-0 p-t-10">
                        <div class="col-lg-2 pull-left p-0 h-65">
                            <img src="{{cdn('/file/d1087a6121e46205df3c86614b08c37f')}}" class="h-65 w-65 avatar">
                        </div>
                        <div class="col-lg-10 pull-right p-t-5">
                            <div class="w100 h-30"><a class="thread-title">为了感谢魅族给我那么京东卡，这个月两口子一起换新机</a></div>
                            <div class="w100 h-30" style="color: #999">
                                <i class="fa fa-user col-lg-4 p-0 p-t-5"><span class="font">Ysll</span></i>
                                <i class="fa fa-eye col-lg-4 p-0 p-t-5"><span class="font">12222</span></i>
                                <i class="fa fa-comment col-lg-4 p-0 p-t-5"><span class="font">122</span></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 pull-left h-75 p-0 p-t-10">
                        <div class="col-lg-2 pull-left p-0 h-65">
                            <img src="{{cdn('/file/d1087a6121e46205df3c86614b08c37f')}}" class="h-65 w-65 avatar">
                        </div>
                        <div class="col-lg-10 pull-right p-t-5">
                            <div class="w100 h-30"><a class="thread-title">为了感谢魅族给我那么京东卡，这个月两口子一起换新机</a></div>
                            <div class="w100 h-30" style="color: #999">
                                <i class="fa fa-user col-lg-4 p-0 p-t-5"><span class="font">Ysll</span></i>
                                <i class="fa fa-eye col-lg-4 p-0 p-t-5"><span class="font">12222</span></i>
                                <i class="fa fa-comment col-lg-4 p-0 p-t-5"><span class="font">122</span></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">所有板块<a class="anchorjs-link" href="#panel-title"><span class="anchorjs-icon"></span></a></h3>
            </div>
            <div class="panel-body">
                @if(!empty($partitions))
                    @foreach($partitions as $partition)
                    <a href="{{url('/forum/plate/'.$partition->id)}}">
                        <div class="col-lg-4 p-b-10 h-200 p-5">
                            <div style="border: 1px solid #eeeeee">
                                <div class="w100 h-100">
                                    <div class="w-100 h-100 no-r m-t-20" style=" margin: 0 auto">
                                        <img class="avatar w-100 h-100" src="{{cdn($partition->img)}}">
                                    </div>
                                </div>
                                <div class="w100 text-center p-t-10">
                                    <p class="h3">{{$partition->title or ''}}</p>
                                    <p>{{$partition->display_name or ''}}</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    <div class="col-lg-3 pull-right font p-r-0">
        <div class="w100 p-15" style="background-color: white">
            <div class="panel panel-default p-0">
                <div class="panel-body p-0">
                    <button class="btn btn-success btn-lg w100 fa-2x no-r m-b-10">
                        <i class="fa pull-left p-10" style="background-color: white;color: #999999;">星期二</i>
                        <i class="fa pull-right p-10">签到</i>
                    </button>
                    <button class="btn btn-primary pull-left btn-lg no-r" style="width: 48%">
                        <i class="fa fa-shopping-cart">商城</i>
                    </button>
                    <button class="btn btn-danger pull-right btn-lg no-r" style="width: 48%">
                        <i class="fa fa-empire">抽奖</i>
                    </button>
                </div>
            </div>
            <div class="panel panel-default p-0 border no-r">
                <div class="panel-heading" style="background-color: white;border-bottom: 1px solid #999">
                    <div class="panel-title w100 text-center" style="color: #0b0b0b">
                        热门板块
                    </div>
                </div>
                <div class="panel-body p-0">
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                    <button class="w50 btn btn-inverse btn-lg pull-left no-r">板块苦逼</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function () {
            $('body').css("background-color", "whitesmoke");
            $('body').css("height", "10px");
        });
    </script>
@endsection